<div class="his_list">
	<#if histories?? && histories?size &gt; 0>
		<ul class="list_ul" style="display:block;">
			<#list histories as his>
				<#assign atype = his.type>
				<#if atype == 'mp3'>
					<#assign aurl = contextPath + "/music/" + his.title>
				<#elseif atype == 'video'>	
					<#assign aurl = contextPath + "/music/video/watch-" + his.videoId>		
				<#elseif atype == 'TV'>
					<#assign aurl = contextPath + "/tv/full-length/watch-" + his.videoId>
				<#elseif atype == 'popular'>
					<#assign aurl = contextPath + "/movie/popular/watch-" + his.videoId>
				<#elseif atype == 'full-length'>
					<#assign aurl = contextPath + "/movie/full-length/watch-" + his.videoId>
				<#elseif atype == 'movie2012'>
					<#assign aurl = contextPath + "/movie/movie2012/watch-" + his.videoId>
				<#elseif atype == 'trailer'>
					<#assign aurl = contextPath + "/movie/trailer/watch-" + his.videoId>
				<#elseif atype == 'youtube'>
					<#assign aurl = contextPath + "/featured/youtube/play/" + his.videoId>
				<#else>
					<#assign aurl =""/>	
				</#if>
				<#if atype == 'mp3' >
					<li class="his${(his_index/9)?int}" <#if his_index &gt; 8>style="display:none;"</#if>><strong class="icon_m">Music</strong>
		        		<a href="${aurl}" class="title" title="${his.title}">${his.title}</a>
		        		<a href="javascript:" style="display:none;" class="btn_del" vid="${his.id}">Delete</a>
		        	</li>
		        <#elseif atype= 'TV'>
		        	<li class="his${(his_index/9)?int}" <#if his_index &gt; 8>style="display:none;"</#if>><strong class="icon_t">Music</strong>
		        		<a href="${aurl}" class="title" title="${his.title}">${his.title}</a>
		        		<a href="javascript:" style="display:none;" class="btn_del" vid="${his.id}">Delete</a>
		        	</li>
				<#else>
					<li class="his${(his_index/9)?int}" <#if his_index &gt; 8>style="display:none;"</#if>><strong class="icon_v">Video</strong>
		        		<a href="${aurl}" class="title" title="${his.title}">${his.title}</a>
		        		<a href="javascript:" style="display:none;" class="btn_del" vid="${his.id}">Delete</a>
		        	</li>
				</#if>
		        
				<#--><li> <strong class="icon_v">Video</strong><a href="#" class="title" title="Law & Order: Special Victims UnitVictims Unit">Law & Order: Special Victims Unit</a><a href="#" class="btn_del">Delete</a> </li>-->
			</#list>
		</ul>
	<#else>
		<div class="his_tips">
	    	<p>Oops, the playlist is blank.You can find out some interesting Movies via <a href="${contextPath}/movie">Movies</a> 
	    	or pick up some favourate Songs from <a href="${contextPath}/music">Music</a> 
			</p>
	    </div>
	</#if>
</div>
<div class="his_bottom">
	<#if histories?? && histories?size &gt; 9>
		<#if  (histories?size%9)==0>
			<#assign hisPage= (histories?size/9)>
		<#else>
			<#assign hisPage= (histories?size/9)?int+1>
		</#if>
		<ul class="his_menu">
			<#list 1..hisPage as p>
				<li <#if p==1>class="curr"</#if>>${p}</li>
			</#list>
		</ul>
	</#if>
	<a href="#" class="btn_allDel">Delete All</a> 
</div>
<#--><#if histories?? && histories?size &gt; 0>
	<div class="vscroll-content">
	<ul class="list_ul">		
	<#list histories as his>
		<#assign atype = his.type>
		<#if atype == 'Music'>
			<#assign aurl = contextPath + "/music/" + his.title>
		<#elseif atype == 'Movie'>
			<#assign aurl = contextPath + "/video/movie/pop/" + his.videoId>
		<#elseif atype == 'MV'>			
		<#elseif atype == 'TV'>
			<#assign aurl = contextPath + "/video/tv/show/" + his.videoId>
		<#elseif atype == 'Episode'>
			<#assign aurl = contextPath + "/video/tv/episode/" + his.videoId>
		<#elseif atype == 'Game'>
			<#assign aurl = contextPath + "/video/tv/game/" + his.videoId>
		<#else>
			<#assign aurl = contextPath + "/video/more/detail/" + his.videoId>
		</#if>
		<li>
			<#if his.musicViewHistory><strong class="icon_m">Music</strong><#else><strong class="icon_v">Video</strong></#if>
        	<a href="${aurl}" class="title" title="[${atype}] ${his.title}">${his.title}</a><a href="javascript:;" class="delete btn_del" vid="${his.id}">Delete</a>
        </li>
	</#list>
	</ul>
	</div>
	<div class="vscroll-wrap scroll_box">
    	<span class="vscroll-bar drag-div scroll_btn"></span>
    </div>
<#else>
	<div class="his_tips">
    	<p>Oops, the playlist is blank，you can find out some interesting videos via Video or pick up some songs from Music</p>
    </div>
</#if>-->